ĐỀ CƯƠNG CHI TIẾT HỌC PHẦN
1. Tên học phần:
Tiếng Việt: Phát triển ứng dụng Web + BTL
Tiếng Anh: Web Application Development
Mã số học phần: 7080116
Số tín chỉ học phần: 4 (4-0-8)
Số tiết học phần:
Lý thuyết: 45 Bài tập/Thảo luận:0 Bài tập lớn: 15
Thực tập: 0 Đồ án: 0 Tự học: 120
2. Đơn vị quản lý học phần
2.1. Giảng viên giảng dạy Mã giảng viên
2.2. Bộ môn: Công nghệ phần mềm
2.3. Khoa: Công nghệ Thông tin
3. Điều kiện học học phần
3.1. Môn học tiên quyết:
7080216: Kỹ thuật lập trình hướng đối tượng với C++ + BTL
7080207: Cơ sở dữ liệu
4. Mục tiêu học phần:
4.1. Kiến thức:
4.1.1. Kiến thức căn bản về thiết kế và phát triển website động sử dụng HTML, CSS, Javascript, web GIS API, PHP và hệ quản trị cơ sở dữ liệu MySQL.
4.1.2. Kiến thức nền tảng về lập trình web theo mô hình Client/Server dùng ngôn ngữ lập trình PHP.
4.2. Kỹ năng:
4.2.1. Tự thiết kế các website
4.2.2. Vận dụng các kiến thức đã học về HTML, CSS, Javascript, web GIS API, PHP và hệ quản trị cơ sở dữ liệu MySQL để tạo các trang web động, web GIS có khả năng tương tác.
4.2.3. Biết cách công bố website trên internet.
4.2.4. Kỹ năng làm việc theo nhóm, lập báo cáo, thuyết trình
4.3. Chuẩn đầu ra học phần
Sau khi hoàn thành việc học học phần này, sinh viên có thể:
4.3.1. Hiểu các khái niệm cơ bản trong cơ bản về phát triển ứng dụng web
4.3.2. Hiểu cách quản lý, sử dụng hệ quản trị CSDL MySQL
4.3.3. Hiểu cách tạo trang web bằng ngôn ngữ PHP
4.3.4. Hiểu cách sử dụng API trong thiết kế một website GIS
4.3.5. Khả năng thuyết trình, phản biện
4.3.6. Cách tìm, phân tích và giải quyết vấn đề
4.3.7. Khả năng làm việc độc lập, nhóm
Các chuẩn đầu ra học phần trên phù hợp với các chuẩn đầu ra chương trình đào tạo ngành Công nghệ thông tin như sau:
|
CĐR HP |
CĐR CTĐT |
|||||||||||||||||
|
Kiến thức |
Kỹ năng |
C-D-I-O |
Phẩm chất |
|||||||||||||||
|
1.1 |
1.2 |
1.3 |
2.1 |
2.2 |
2.3 |
3.1 |
3.2 |
3.3 |
4.1 |
4.2 |
4.3 |
4.4 |
4.5 |
4.6 |
4.7 |
5.1 |
5.2 |
|
|
1 |
√ |
√ |
- |
√ |
√ |
- |
- |
- |
- |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
|
2 |
√ |
√ |
- |
√ |
√ |
|
|
|
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
|
3 |
√ |
√ |
- |
√ |
√ |
|
|
|
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
|
4 |
√ |
√ |
- |
√ |
√ |
|
|
|
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
|
5 |
√ |
√ |
- |
√ |
√ |
|
|
|
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
|
|
|
6 |
√ |
√ |
- |
√ |
√ |
|
|
|
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
|
|
|
7 |
√ |
√ |
- |
√ |
√ |
|
|
|
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
|
|
|
8 |
√ |
√ |
|
√ |
√ |
|
|
|
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
|
|
Các chuẩn đầu ra học phần trên phù hợp với các chuẩn đầu ra chương trình đào tạo ngành Khoa học dữ liệu như sau:
|
CĐR HP |
CĐR CTĐT |
|||||||||||||||||
|
Kiến thức |
Kỹ năng |
C-D-I-O |
Phẩm chất |
|||||||||||||||
|
1.1 |
1.2 |
1.3 |
2.1 |
2.2 |
2.3 |
3.1 |
3.2 |
3.3 |
4.1 |
4.2 |
4.3 |
4.4 |
4.5 |
4.6 |
4.7 |
5.1 |
5.2 |
|
|
1 |
- |
- |
- |
√ |
√ |
√ |
- |
√ |
- |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
|
2 |
- |
- |
- |
√ |
√ |
√ |
|
√ |
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
|
3 |
- |
- |
- |
√ |
√ |
√ |
|
√ |
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
|
4 |
- |
- |
- |
√ |
√ |
√ |
|
√ |
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
|
5 |
- |
- |
- |
√ |
√ |
√ |
|
√ |
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
|
|
|
6 |
- |
- |
- |
√ |
√ |
√ |
|
√ |
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
|
|
|
7 |
- |
- |
- |
√ |
√ |
√ |
|
√ |
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
|
|
|
8 |
- |
- |
|
√ |
√ |
√ |
|
√ |
|
√ |
√ |
√ |
√ |
√ |
√ |
√ |
|
|
Các chuẩn đầu ra học phần trên phù hợp với các chuẩn đầu ra chương trình đào tạo ngành Công nghệ thông tin Anh – Việt như sau:
|
CĐR |
Chuẩn đầu ra chương trình |
|||||||||||||||||
|
Kiến thức |
Kỹ năng |
Phẩm chất |
||||||||||||||||
|
1.1 |
1.2 |
1.3 |
1.4 |
1.5 |
2.1.1 |
2.1.2 |
2.1.3 |
2.1.4 |
2.2.1 |
2.2.2 |
2.2.3 |
2.2.4 |
2.2.5 |
2.2.6 |
2.2.7 |
3.1 |
3.2 |
|
|
1 |
√ |
√ |
- |
- |
- |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
- |
√ |
- |
- |
- |
|
2 |
√ |
√ |
- |
- |
- |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
√ |
- |
- |
- |
|
3 |
√ |
√ |
- |
- |
- |
√ |
√ |
√ |
√ |
- |
√ |
- |
- |
- |
√ |
- |
- |
- |
|
4 |
√ |
√ |
- |
- |
- |
√ |
- |
- |
- |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
|
5 |
√ |
√ |
- |
- |
- |
√ |
|
|
|
|
|
|
|
|
|
|
|
|
|
6 |
√ |
√ |
- |
- |
- |
√ |
|
|
|
|
|
|
|
|
|
|
|
|
|
7 |
√ |
√ |
- |
- |
- |
√ |
|
|
|
|
|
|
|
|
|
|
|
|
|
8 |
√ |
√ |
- |
- |
- |
√ |
|
|
|
|
|
|
|
|
|
|
|
|
5. Mô tả tóm tắt nội dung học phần:
Nội dung học phần gồm 8 chương:
Chương 1: Tổng quan
Chương 2: HTML
Chương 3: CSS
Chương 4: Javascript
Chương 5: Web GIS
Chương 6: Lập trình web động với PHP
Chương 7: Lập trình cơ sở dữ liệu với PHP & MySQL
Chương 8: Một số vấn đề mở rộng
6. Cấu trúc nội dung học phần
Bảng 1. Nội dung học phần
|
6.1. Lý thuyết |
|||
|
Đề mục |
Nội dung |
Số tiết |
CĐR HP |
|
Chương 1 |
Tổng quan |
3 |
|
|
1.1 |
Giới thiệu chung về Internet |
|
4.1.1 4.2.3 |
|
1.2 |
Một số khái niệm liên quan đến World Wide Web |
|
|
|
1.3 |
Một số vấn đề cần quan tâm khi thiết kế và xuất bản trang web |
|
|
|
Chương 2 |
HTML |
5 |
|
|
2.1 |
Giới thiệu về HTML |
|
4.1.2 4.2.1 4.2.2 |
|
2.2 |
Các phần tử trong HTML |
|
|
|
2.3 |
Viết trang web đầu tiên |
|
|
|
2.4 |
Các thẻ và thuộc tính thẻ trong HTML |
|
|
|
2.5 |
Soạn thảo trang HTML |
|
|
|
2.6 |
Các thẻ thông dụng trong HTML |
|
|
|
2.7 |
Ảnh và các thuộc tính của ảnh |
|
|
|
2.8 |
Siêu liên kết |
|
|
|
2.9 |
Bảng biểu và các thuộc tính của bảng |
|
|
|
2.10 |
Forms và các đối tượng nhập liệu |
|
|
|
Chương 3 |
CSS |
3 |
|
|
3.1 |
Giới thiệu về CSS |
|
4.1.2 4.2.1 4.2.2 |
|
3.2 |
Định nghĩa Style |
|
|
|
3.3 |
Phân loại CSS |
|
|
|
3.4 |
Các Selector trong CSS và phạm vi ảnh hưởng của chúng |
|
|
|
Chương 4 |
Javascript |
7 |
|
|
4.1 |
Giới thiệu về javascript |
|
4.1.2 4.2.1 4.2.2 |
|
4.2 |
Internal javascript và external javascript |
|
|
|
4.3 |
Biến và phạm vi của biến |
|
|
|
4.4 |
Cú pháp trong javascript |
|
|
|
4.5 |
Các phép toán trong javascript |
|
|
|
4.6 |
Các popup boxes trong javascript |
|
|
|
Chương 5 |
Web GIS |
5 |
|
|
5.1 |
Giới thiệu về web GIS |
|
4.1.2 4.2.1 4.2.2 |
|
5.2 |
Giới thiệu về web GIS API |
|
|
|
5.3 |
Google Maps API |
|
|
|
5.4 |
Open Street Maps API |
|
|
|
5.5 |
Xây dựng bản đồ trực tuyến sử dụng web GIS API |
|
|
|
Chương 6 |
Lập trình web động với PHP |
10 |
|
|
6.1 |
Web tĩnh và web động |
|
4.1.2 4.2.1 4.2.2 4.2.3 |
|
6.2 |
Cài đặt và cấu hình các phần mềm |
|
|
|
6.3 |
Ngôn ngữ PHP trong lập trình web động |
|
|
|
6.4 |
OOP trong PHP |
|
|
|
Chương 7 |
Lập trình cơ sở dữ liệu với PHP & MySQL |
7 |
|
|
7.1 |
Giới thiệu MySQL |
|
4.1.2 4.2.1 4.2.2 4.2.3 |
|
7.2 |
Cài đặt và cấu hình MySQL |
|
|
|
7.3 |
Quản trị cơ sở dữ liệu MySQL |
|
|
|
7.4 |
Thiết lập kết nối cơ sở dữ liệu |
|
|
|
7.5 |
Thao tác với cơ sở dữ liệu |
|
|
|
Chương 8 |
Một số vấn đề mở rộng |
5 |
|
|
8.1 |
XML |
|
4.1.2 4.2.1 4.2.2 |
|
8.2 |
AJAX |
|
|
|
8.3 |
|
|
|
|
8.4 |
WebServices |
|
|
|
8.5 |
Mô hình lập trình MVC |
|
|
|
8.6 |
Một số Engine/Framework trong PHP |
|
|
|
8.7 |
Giới thiệu các dự án Mã nguồn mở nổi tiếng trên thế giới |
|
|
|
6.2. Bài tập và bài tập lớn |
|||
|
Đề mục |
Nội dung |
Số tiết |
CĐR HP |
|
Chương 2 |
Chọn tên đề tài, xây dựng template |
1 |
4.2.1 4.2.2 4.2.3 |
|
Chương 3 |
Xây dựng template, bổ sung CSS |
1 |
4.2.1 4.2.2 |
|
Chương 4 |
Lập trình các sự kiện |
2 |
4.2.1 4.2.2 |
|
Chương 5 |
Xây dựng Web GIS dùng API |
2 |
4.2.1 4.2.2 4.2.3 |
|
Chương 6 |
Sử dụng php xây dựng một số hàm |
2 |
4.2.1 4.2.2 4.2.3 |
|
Chương 7 |
Lập trình cơ sở dữ liệu với PHP & MySQL, tạo các trang chính |
2 |
4.2.1 4.2.2 |
|
Chương 8 |
Cài đặt website sử dụng web 2.0 |
2 |
4.2.1 4.2.2 |
|
|
- Giải đáp thắc mắc về BTL - Thuyết trình BTL môn học. - Hướng dẫn ôn thi kết thúc học phần |
3 |
|
7. Phương pháp giảng dạy
- Giảng dạy lý thuyết, hướng dẫn làm bài tập các chương
- Chạy một số ứng dụng thực tế và mô tả một số bài toán cụ thể minh họa các thao tác thiết kế website sử dụng HTML, CSS và Javascript. Xây dựng website sử dụng PHP và MySQL
8. Nhiệm vụ của sinh viên
Sinh viên phải thực hiện các nhiệm vụ sau:
- Có mặt tối thiểu 80% số tiết học lý thuyết.
- Hoàn thành đầy đủ các bài tập thực hành từng chương, bài tập về nhà và bài tập trên lớp.
- Chuẩn bị các nội dung thảo luận; Mua, download các tài liệu tham khảo của môn học.
- Tham dự, hoàn thành các bài kiểm tra giữa học kỳ.
- Làm bài tập lớn và bảo vệ bài tập lớn.
- Tham dự thi kết thúc học phần (bắt buộc).
- Chủ động chuẩn bị các nội dung và thực hiện giờ tự học theo mục 11.
9. Đánh giá kết quả học tập của sinh viên
9.1. Cách đánh giá
Sinh viên được đánh giá tích lũy học phần như sau:
Bảng 2. Đánh giá học phần
|
TT |
Điểm thành phần |
Quy định |
Trọng số |
|
1 |
Điểm chuyên cần |
- Số tiết học tham dự/tổng số tiết học phần (điểm C1) - Thái độ, ý thức tham gia các tiết học (điểm C2) |
10% |
|
2 |
Điểm kiểm tra giữa kỳ |
- Kiểm tra bài thực hành, ít nhất 2 bài (lấy trung bình tính điểm B1) |
15% |
|
3 |
Điểm bài tập về nhà |
- Thực hiện làm đầy đủ các bài tập cuối chương. (lấy trung bình tính điểm B2) |
|
|
3 |
Điểm bài tập lớn |
- Thực hiện và bảo vệ bài tập lớn, sinh viên không làm bài tập lớn không được thi (điểm B3) |
15% |
|
4 |
Điểm thi kết thúc học phần |
- Thi kết thúc học phần bằng hình thức vấn đáp - Sinh viên phải dự thi kết thúc học phần. |
60% |
9.2. Cách tính điểm
- Điểm đánh giá thành phần và điểm thi kết thúc học phần được chấm theo thang điểm 10 (từ 0 đến 10), làm tròn đến một chữ số thập phân.
- Điểm học phần là tổng điểm của tất cả các điểm đánh giá thành phần của học phần nhân với trọng số tương ứng. Điểm học phần tính theo thang điểm 10 làm tròn đến một chữ số thập phân, sau đó được quy đổi sang điểm chữ và điểm số theo thang điểm 4 theo quy định về công tác đào tạo của Nhà trường.
10. Tài liệu học tập và tham khảo:
- Giáo trình chính:
[1] Hoàng Anh Đức, Lê Văn Hưng. Thiết kế website. NXB Giáo dục Việt Nam. 2016
[2] Phạm Hữu Khang, Hoàng Đức Hải, Đoàn Thiện Ngân, Phương Lan. Xây dựng ứng dụng web bằng PHP & MySQL, NXB Phương Đông, 2005.
- Tài liệu tham khảo:
[3] Trang web học phát triển website lớn nhất thế giới – w3schools. URL: http://www.w3schools.com
[4] Nguyễn Hoàng Long, Đinh Bảo Ngọc. Bài giảng GIS cho người phát triển ứng dụng. 2018
11. Hướng dẫn tự học của học phần
Bảng 3. Nội dung chuẩn bị
|
Chương |
Nội dung |
Lý thuyết (tiết) |
Bài tập/ BTL (tiết) |
Thực hành (tiết) |
Sinh viên cần chuẩn bị |
|
1 |
Chương 1: Tổng quan |
6 |
0 |
0 |
+ Nghiên cứu nội dung chương 1 của giáo trình [1]. |
|
2 |
Chương 2: HTML |
10 |
2 |
0 |
+ Nghiên cứu nội dung chương 2 của giáo trình [1]. + Đọc thêm chương 1 của giáo trình [2] + Đọc thêm phần HTML của tài liệu [3] + Làm các ví dụ trong chương 2 của giáo trình [1]. + Làm phần thực hành 2.13, bài về nhà phần 5.1 của giáo trình [1]. |
|
3 |
Chương 3: CSS |
6 |
2 |
0 |
+ Nghiên cứu nội dung chương 3 của giáo trình [1]. + Đọc thêm phần CSS của tài liệu [3] + Làm các ví dụ trong chương 3 của giáo trình [1]. + Làm phần thực hành 3.4, bài tập về nhà phần 5.2 của giáo trình [1]. |
|
4 |
Chương 4: JavaScript |
14 |
4 |
0 |
+ Nghiên cứu nội dung chương 4 của giáo trình [1]. + Đọc thêm chương 2 của giáo trình [2] + Đọc thêm phần JavaScript của tài liệu [3] + Làm các ví dụ trong chương 4 của giáo trình [1]. + Làm phần thực hành 4.13, bài về nhà phần 5.3 của giáo trình [1]. |
|
5 |
Chương 5: Web GIS |
10 |
4 |
0 |
+ Nghiên cứu nội dung của tài liệu [4] + Làm bài tập của tài liệu [4] |
|
6 |
Chương 6: Lập trình web động với PHP |
20 |
4 |
0 |
+ Nghiên cứu nội dung chương 1 của giáo trình [2]. + Đọc thêm Chương 5,7,8,10,11 của giáo trình [2] + Làm các ví dụ trong chương 1 của giáo trình [2]. + Làm phần thực hành 1.5, bài tập về nhà phần 4.1 của giáo trình [2]. |
|
7 |
Chương 7: Lập trình cơ sở dữ liệu với PHP & MySQL |
14 |
4 |
0 |
+ Nghiên cứu nội dung chương 2 của giáo trình [2]. + Đọc thêm Chương 3,4,6,11,12, 13, 14 của giáo trình [2] + Làm các ví dụ trong chương 2 của giáo trình [2]. + Làm phần thực hành 2.6, bài tập về nhà phần 4.2 của giáo trình [2]. |
|
8 |
Chương 8: Một số vấn đề mở rộng |
10 |
4 |
0 |
+ Nghiên cứu nội dung chương 3 của giáo trình [2]. + Đọc thêm Chương 12, của giáo trình [2] + Làm các ví dụ trong chương 3 của giáo trình [2]. + Làm phần thực hành 3.8 của giáo trình [2]. |
|
|
- Giải đáp thắc mắc về BTL - Thuyết trình BTL môn học. - Hướng dẫn ôn thi kết thúc học phần |
0 |
6 |
0 |
- Sinh viên tiến hành thuyết trình bài tập lớn môn học theo chủ đề đã đăng ký. - Chuẩn bị slide, chương trình demo và máy tính để trình bày. - Sinh viên ôn tập chuẩn bị cho thi kết thúc học phần |